<html>

<head>
    <meta charset="UTF-8">
    <title>css练习 三种方式</title>
    <link rel="stylesheet" type="text/css" href="main.css">
    <style >
        p {
            text-indent: 2em;
            front-size:16px;
            line-height: 1.5;
        }
    </style>
   
</head>

<body> 
    <h1>css练习 三种方式</h1>
    <h2>外部样式表</h2>
    <p>
        使用link元素
    </p>
    <h2>内部样式表</h2>
    <p>
        这是写在head部分的样式规则，用style来实现
    </p>
    <h2>内嵌样式表</h2>
    <p style="text-indent: 0">
        这是写在元素的起始标签。用style属性实现

    </p>
 <h2 class="green" id="title01" ></h2>
 <ul>
     <li><a href="http://music.163.com/#/song?id=473742955">night with you</a></li>
       <li><a href="http://music.163.com/#/mv?id=5838137">IDGAF</a></li>
         <li><a href="http://music.163.com/#/mv?id=5836033">git it right</a></li>
 </ul>
</body>

</html>